@charset "utf-8";
/* CSS Document */
html {
	padding:0;margin:0;clear:both;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
body {
	margin:0;padding:0;height:100%;width:100%;-webkit-font-smoothing: antialiased;font-size:14px;font-family:微软雅黑;line-height:24px;
}
input, textarea, button, select, legend, fieldset, text {
	border:0;background:none;outline:none;margin:0;padding:0;
}
*, *:after, *:before {
	/* [disabled]-webkit-box-sizing: border-box;
*/
	-moz-box-sizing: border-box;box-sizing: border-box;
}
ol {
	padding: 0;
}
ul, li, dl, dt, dd {
	padding:0;margin:0;list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;font-weight:normal
}
em {
	font-style:normal
}
img {
	max-width: 100%;
	height:auto;
	margin:0 auto;
	display:block;
	border:none;
}
form {
	margin:0;padding:0;display:block;
}
a {
	text-decoration:none;color:#000
}
a:hover {
	color:#b50004
}
a, a:focus {
	outline: none;
}
section {
	width:100%;margin:0 auto;height:auto;overflow:hidden
}
.clear {
	clear:both;display:block;overflow:hidden;visibility:hidden;height:0;width:100%;
}
.container {
	margin:0 auto;
}
.container-bg {
	background:#e6e6e6
}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
i,label,input[type="checkbox"]{vertical-align:middle}

.fl{float:left}
.fr{float:right}
.tal{text-align:left!important}
.tac{text-align:center!important}
.tar{text-align:right}

input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0}

/*通用布局*/
body{min-width:1200px}
.wrapper{width:1200px;margin:0 auto}
.auto{margin:0 auto}
.ftblack{font-family:"微软雅黑";}
/*颜色*/
a:focus{outline:none}

.col9c,.col9c a,a.col9c{
	/* [disabled]color:#9c9c9c; */
	text-decoration: none
}
.col9c{color:#9c9c9c !important;}
.colff7{color:#ff791f !important;}
.colffe0{color:#ffe0e0;}
.colcd{color:#cdcdcd !important;}
.colb4{color:#b4b4b4}
.col000,a.col000{color:#000 !important}
.col333,a.col333{color:#333}
.col555,a.col555,.col555 a{color:#555 !important}
.col555 a:hover{ color:#e33338 !important;}
.col666{color:#666}
.col888{color:#888 !important}
.col8c{color:#8c8c8c}
.col68{color: #686868 !important;}
.col999{color:#999 !important}
.colaaa{color: #aaa !important}
.colbbb{color:#bbb !important}
.colddd{color:#ddd !important}
.colblue{color:#2586cd !important}
.colred,a.colred{color:#e33338 !important}
.colred2{color: #db2a2f !important}
.colred3{color: #dc2f34 !important}
.colye{ color:#f6a50d}
.colora{ color:#ff781e}
.colgre{color:#68d575 !important}
.colgrn{color: #45b161}
.colgen{color: #72c352}
.cold0{color: #d0d0d0 !important}
.colfff{color:#ffffff !important}
a.col666{color:#666}
.cola9{color: #a9a9a9 !important}
.cold6{color: #d6d6d6 !important}
.col363{color: #363535 !important}
.colc1{color: #c1c1c1 !important}
.cole4{color: #e4e4e4 !important}
.cole7{color:#e7e7e7 !important;}
.cold2{color:#d2d2d2 !important;}
.col9d{color:#9d1d22 !important;}
.colf2{color:#f2d881}
.colog{color:#ff6a06;}
.cold7{color:#d73435 !important;}
.colef{color:#efaeae;}
.cole9{color:#e9e9e9;}
.colpu{color:#8e1bdf}
.textOver1{width:380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.col444,a.col444{color: #444444;}
.colb5{color: #b5b5b5}
.textOver{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.textOver2{height:46px;
text-overflow: -o-ellipsis-lastline ; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.textOver3{height:40px;
text-overflow: -o-ellipsis-lastline ; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bgred{ background:#e33338 !important;}
.bgora{ background:#ff781e !important;}
.bgye{ background:#ffb22a !important;}
.bgfff{ background:#fff !important;}
.bge9e9e9{background: #e9e9e9 !important}

.f12{font-size:12px!important}
.f14{font-size:14px!important}
.f15{font-size:15px!important}
.f16{font-size:16px!important}
.f18{font-size:18px!important}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:32px}
.f36{font-size:36px}
.f38{font-size:38px}
.f40{font-size:40px}
.f46{font-size:46px}
.f48{font-size:48px}
.f50{font-size:50px}

.bold{font-weight:bold!important}
.mb0{margin-bottom:0px!important}
.mb5{margin-bottom:5px!important}
.mb7{margin-bottom:7px!important}
.mb10{margin-bottom:10px!important}
.mb12{margin-bottom:12px!important}
.mb13{margin-bottom:13px!important}
.mt2{margin-top: 2px !important}
.mt3{margin-top: 3px !important}
.mt4{margin-top: 4px !important}
.mt5{margin-top:5px!important}
.mt6{margin-top: 6px !important}
.mt7{margin-top: 7px !important}
.mt10{margin-top:10px!important}
.mt12{margin-top:12px!important}
.mt15{margin-top:15px!important}
.mt16{margin-top:16px!important}
.mt18{margin-top:18px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt27{margin-top:27px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt37{margin-top:37px!important}
.mt40{margin-top:40px!important}
.mt42{margin-top:42px!important}
.mt44{margin-top:44px!important}
.mt50{margin-top:50px!important}
.mt58{margin-top:58px!important}
.mb8{margin-bottom:8px!important}
.mb20{margin-bottom:20px!important}
.mb15{margin-bottom:15px!important}
.mb18{margin-bottom:18px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:43px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb90{margin-bottom:90px!important}
.mr0{margin-right:0px!important}
.mr5{margin-right:5px!important; cursor:pointer}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px !important}
.ml12{margin-left:12px !important}
.ml20{margin-left:20px !important}
.ml45{margin-left:45px !important}
.ml70{margin-left:70px !important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr22{margin-right:22px!important}
.mr25{ margin-right:25px!important}
.mr30{margin-right: 30px !important}
.mr45{margin-right:45px!important}
.mr60{margin-right:60px!important}
.mr95{margin-right:95px!important}
.ml45{margin-left:45px!important}
.mlr10{margin-left: 10px;margin-right: 10px}
.mlr30{margin-left:30px; margin-right:30px}
.pl5{padding-left:5px}
.pl15{padding-left:10px}
.pl12{padding-left:12px}
.pl20{padding-left:20px}
.pl70{padding-left:70px!important}
.pd15{padding:15px 0 15px 15px}
.pd45{padding:25px 45px}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.plr10{padding-left:10px;padding-right:10px}
.plr5{padding:0 5px;}
.pr18{padding-right:18px}
.pr20{padding-right:20px}
.pr24{padding-right:24px}

.inline{display:inline-block;}
.clear{clear:both}
.relative{position:relative}
.absolute{position:absolute}
.bornone{border:none !important}
.borde8{ border:1px #e8e8e8 solid; border-radius:5px; box-shadow:0px 0px 3px 1px #e8e8e8; background:#fff;}
.shadowe5{box-shadow:0 0 5px #e5e5e5; -webkit-box-shadow:0 0 5px #e5e5e5;-moz-box-shadow: 0px 0px 5px #e5e5e5;-o-box-shadow: 0px 0px 5px #e5e5e5;}
.overhidd{overflow:hidden}
.bakfff{background: #fff}
.w284{width: 284px}
.disnone{display:none;}
.block{display:block;}
/*html5*/article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display:block
}
header, footer, article, section, nav, menu, hgroup {
	display: block;clear:both;
}
.top-line {
	background:#f8f8f8;height:25px;font-size:12px;text-align:right;color:#333;
}
.top-line p{
	margin:0 ;
}
.top-line a{color:#333;}
.top-line a:hover{color:#b50004;}
.main-box-p a {
	color:#fff;
}
.main-box-p a:hover, .pxianguan .main-box-p span a:hover {
	color:#b50004;text-decoration:underline;
}
.pxianguan {
	padding:30px 0 50px 0;overflow:hidden;
}
.pxianguan .main-box {
	width:25%;
}
.pxianguan .main-box .main-box-img {
	border:#ddd 1px solid;margin-right:20px;padding:1px
}
.pxianguan .main-box-p {
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis
}
.pxianguan .main-box-p span a {
	font-size:1.0em;line-height:26px;color:#000;
}
.knowledge ul{ overflow:hidden; padding-bottom:30px;}
.knowledge li{ float:left; width:50%}
.knowledge li span{ color:#999;}
.knowledge h3 a{ float:right; padding-right:10px; font-size:12px;}
@media screen and (min-width:1200px) {
.container {
width:1160px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.earth-box {
height:295px;
}
.news-tab, .news-search {
height:339px;
}
.banimg {
width: 840px;
height: 120px;
margin: 0px 14%;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:144px;
height:144px;
margin-left:-72px;
margin-top:-72px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-list .main-box img, .service-list .main-box {
height:215px
}
.service-list .pro-list .info-back {
left:42% !important;
top:30% !important
}
.pc-nav {
width:1200px;
margin:0 auto;
position:relative;
height:40px
}
.news-info.v3 img {
float:left;
}
.project-img img {
height:170px;
width:262px
}
.col-sm-4.col-sm-5 {
width:25% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:40%;
bottom:0;
}
}
}
 @media screen and (min-width: 980px) and (max-width:1199px) {
.container {
width:960px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.pro-info {
height:321px !important
}
.pro-tit {
height:100px !important;
line-height:100px !important;
}
.pro-line {
height:81px !important;
line-height:81px !important;
}
.product-tit, .product-tit-img {
height:270px !important
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-txt {
margin: 1% 2% 0 !important;
width: 52% !important;
}
.earth-box {
height:240px;
}
.earth-box-right h5 {
padding:3% 0 0 2em !important;
}
.web-brand {
height:235px !important;
}
.join {
height:250px !important
}
.join h5 {
margin:30% auto 0 !important;
width:70% !important
}
.we-right {
height:250px !important
}
.we-right p {
width:35% !important
}
.news-tab, .news-search {
height:380px
}
.news-tab .pro-img, .news-tab .pro-info {
width:90% !important;
margin:0 5%;
height:inherit !important
}
.news-tab h2 span, .news-tab p a {
float:none !important;
width:inherit !important
}
.news-search {
padding:20px 20px 0 !important
}
.news-tab .owl-prev {
left: 88% !important;
}
.news-tab .owl-next {
right:0% !important;
}
.mt-ceo {
width:87% !important
}
.project-txt {
padding:1.5% 5% 1.4% !important
}
.project-img {
padding:1.6% 2% 1.65% !important
}
.banimg {
width: 840px;
height: 120px;
margin: 0px 6%;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:144px;
height:144px;
margin-left:-72px;
margin-top:-72px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt {
width:55% !important
}
.service-list .main-box img, .service-list .main-box {
height:165px
}
.service-list .pro-list .info-back {
left: 40% !important;
top: 26% !important;
}
.ProductList li {
width:33.3% !important
}
.custom-boxr {
height:223px !important
}
.custom-boxr-img img {
height:223px !important
}
.custom-boxr-txt {
width:35% !important;
padding-left:3% !important
}
.service-list .main-box p {
left:31% !important
}
.service-list .service-info div p {
left:0 !important
}
.tr-box1, .tr-box2, .tr-box3, .tr-box5 {
margin-right:2% !important;
}
.tr-box1 {
width:17% !important
}
.tr-box2 {
width:17% !important
}
.tr-box3 {
width:24% !important
}
.tr-box5 {
float:right !important;
margin:0 !important;
}
.tr-box5 .box-txt {
top:60px !important
}
.pc-nav {
width:980px;
margin:0 auto;
position:relative;
height:40px
}
.p5 {
height:328px !important
}
.earth-txt-p {
max-height:200px !important
}
.main-a1 {
height:242px !important;
padding:1% 3% !important
}
.main-c {
width:64% !important;
height:207px !important;
}
.main-c1 {
width:36% !important
}
.service-news-img {
width:35% !important
}
.service-news-list p {
width:86% !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:264px;
float:left;
}
.news-info .v5 img {
height:24px !important;
}
.news-info.v4 {
width:32% !important;
height:264px !important
}
.news-info .v5 {
right:0 !important
}
.project-img img {
height:149px;
width:230px
}
.service-link {
width:80% !important
}
 .pro-vip.g1 li {
min-height:190px !important
}
.pro-vip.g1 li img {
width:100px
}
 .pro-tab .tabPanel .tabul {
height:55px !important;
}
.pro-tab .tabPanel .tabul li {
height:55px !important;
line-height:55px !important;
width:20% !important
}
.char-c img, .char-d img, .char-e img {
width:134px
}
.pro-tel {
width:39% !important
}
 .no-page {
width:50% !important
}
.noline-bg .no-page {
width:40% !important
}

/*留言板样式*/
.col-sm-4.col-sm-5 {
width:25% !important
}
.col-sm-4 {
width:47% !important
}
.col-sm-6 {
width:40% !important;
}
.help-block {
text-indent:0 !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:10% !important
}
 .webmap-h2 {
float:left;
width:18% !important;
}
.webmap-h3 {
float:left;
width:82% !important;
}
 .vip-custom li img {
padding:0 45px !important
}
 .in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:31px !important
}
.up-online {
right:100px !important;
bottom:13px !important
}
.m1 .mt-ceo {
margin:0 2.8% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:45%;
bottom:0;
}
}
}
 @media screen and (min-width: 780px) and (max-width:979px) {
.container {
width:760px
}
.main-box {
width:25%;
float:left
}
.new-left {
width:60%
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-box {
width:580px !important;
margin:0 auto !important;
float:none !important;
}
.pro-info {
height:255px !important
}
.pro-tit {
height:60px !important;
line-height:55px !important;
}
.pro-line {
height:81px !important;
line-height:55px !important;
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
 .earth-box-right a {
margin-bottom:15px;
}
 .web-brand {
height:197px !important;
}
 .join {
height:209px !important
}
.join h5 {
margin:25% auto 0 !important;
width:85% !important
}
.we-right {
height:209px !important
}
.we-right p {
width:40% !important
}
.news-box-search, .news-box-message {
padding:30px 20px 10px !important
}
.time-change {
text-indent:0 !important
}
.time-change ul {
width:100% !important;
float:left;
}
.news-box-right li p {
line-height:30px !important;
}
.time-change {
float:left;
width:100%;
}
.page-paging {
margin:0 auto !important
}
.page-paging a {
padding:4px 10px !important
}
.news-tab, .news-search {
height:337px
}
.news-tab .pro-img, .news-tab .pro-info {
width:90% !important;
margin:0 5% !important
}
.news-tab .pro-info {
padding:2% !important;
height:inherit !important;
}
.news-tab .pro-box {
width:100% !important
}
.news-tab h2 span {
float:inherit !important
}
.news-tab .owl-prev {
left:82% !important
}
.news-tab .owl-next {
right:2% !important
}
.mt-ceo {
width:100% !important
}
.project-txt {
padding:0 2% !important
}
.project-txt h2 {
margin:0 0 4px !important;
padding:2px 0 !important
}
.project-img {
padding:1.6% 2% !important
}
.banimg {
width: 720px;
height: 120px;
margin: 0px 20px;
position:absolute;
bottom:0
}
.banimg li {
width: 120px;
height: 120px;
float: left;
position: relative;
}
.banimg li img {
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
background:#fff;
z-index:3
}
.service-txt {
width:55% !important;
padding-left:0 !important
}
.service-list .main-box img, .service-list .main-box {
height:165px
}
.service-list .pro-list .info-back {
left: 37% !important;
top: 18% !important;
}
.ProductList li {
width:50% !important
}
.acc-box {
width:40% !important
}
.custom-boxl {
height:184px;
}
.custom-boxr {
height:184px !important;
width:60% !important
}
.custom-boxr-img img {
height:184px !important
}
.custom-boxr-txt {
padding-left: 1% !important;
width: 36% !important;
}
.service-list .main-box p {
left:24% !important
}
.pc-nav {
width:760px;
margin:0 auto;
position:relative;
height:40px
}
.p5 {
height:260px !important
}
.earth-fr div h5, .earth-fr div p {
margin-bottom:10px !important
}
.earth-fr div {
padding:5% 3% !important;
}
.main-c {
width:53% !important;
height:213px !important;
padding:2% !important
}
.main-c1 {
width:47% !important
}
.service-news-img {
width:44% !important
}
.service-news-list {
width:51% !important
}
.service-news-list p {
width:79% !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:229px;
float:left
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:32% !important;
height:229px !important
}
.news-info .v5 {
right:0 !important
}
.project-img img {
height:118px;
width:182px
}
.service-link {
width:100% !important
}
 .pro-vip.g1 li {
min-height:205px !important
}
.pro-vip.g1 li img {
width:90px
}
.product-tit-img, .product-tit {
height:215px !important;
}
.product-tit {
padding:2% !important
}
.product-tit p {
margin:7% 0 3% !important;
padding-bottom:3% !important
}
.pro-page-info .tel .zx {
width:155px;
}
.pro-page-info .tel .tel-btn {
width:161px
}
 .pro-tab .tabPanel .tabul {
height:50px !important;
}
.pro-tab .tabPanel .tabul li {
height:50px !important;
line-height:50px !important;
width:20% !important
}
 .pro-map-tit {
font-size:24px !important
}
.char-c img, .char-d img, .char-e img {
width:106px
}
.pro-tel {
width:39% !important;
}
.pro-tel-line {
font-size:16px !important;
}
.pro-tel .pro-tel-line span {
width:49% !important
}
.pro-tel-service {
background-position:12% !important
}
 .no-page {
width:60% !important
}
.noline-bg .no-page {
width:50% !important
}

/*留言板样式*/
.col-sm-2 {
width:13% !important
}
.col-sm-4 {
width:47% !important
}
.col-sm-6 {
width:40% !important;
}
.help-block {
text-indent:0 !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:13% !important
}
 .news-info-search {
width:100% !important;
margin:0 auto !important
}
 .free-tel {
margin-right:10px !important
}
 .webmap-h2 {
float:left;
width:20% !important;
}
.webmap-h3 {
float:left;
width:80% !important;
}
 .vip-custom li {
width:25% !important
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
float:left;
}
.in-shuff .bx-wrapper {
width:70%
}
 .in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:40px !important
}
.up-online {
bottom: 10px !important;
font-size: 10px;
padding: 0 5px !important;
right: 86px !important;
}
.m1 .mt-ceo {
margin:0 0.2% !important;
border-width: medium 15px !important;
}
.smart-box-txt p {
padding:5% !important
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:50%;
bottom:0;
}
}
}
/* @media screen and (min-width: 641px) and (max-width:779px) {
header .container {
position:relative
}
.container {
width:640px
}
.free-tel {
margin-right:0 !important;
margin-top:15px !important
}
.choose {
padding:20px 0 0 20px !important;
}
.laugese {
margin:2px auto 0 !important
}
.search {
margin-top:5px !important
}
.search.fl {
width:40%
}
.searchtext {
width:85%
}
.main-box {
width:48%;
margin-right:2%;
float:left
}
.new-left, .new-right {
width:100% !important;
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-box {
width:580px !important;
margin:0 auto !important;
float:none !important;
}
.owl-controls .owl-prev {
left:-20px !important
}
.owl-controls .owl-next {
right:-20px !important
}
.foot-link2 li {
width:100% !important;
}
.foot-link3 .tel {
font-size:18px !important;
line-height:36px !important
}
.foot-link3 .free-tel {
font-size:20px !important;
}
.product-tit, .product-tit-img {
height:181px !important
}
.product-tit {
padding:3% 2% !important;
}
.product-tit h2 {
font-size:20px !important;
font-weight:bold !important
}
.product-tit p {
font-size:14px !important;
margin:4% 0 !important;
padding-bottom:4% !important;
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-c {
margin:0 !important;
z-index:2
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-c {
position:absolute;
}
.pro-adv-c img {
float:right
}
.accordion-desc .a1 {
width:100% !important
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:35% !important;
}
.company-txt {
width:60% !important
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
.earth-box-right a {
margin-bottom:15px;
}
.brand-left, .brand-right {
width:100% !important
}
.web-brand {
float:none !important;
height:inherit !important;
background:none !important;
}
.brand-right {
margin-top:20px;
}
.web-we {
margin-top:30px;
}
.we-left {
width:100% !important
}
.join {
height:266px !important
}
.join h5 {
width:65% !important
}
.we-right {
width:100% !important;
left:13% !important
}
.we-right p {
width:18% !important
}
.news-box-search, .news-box-message {
padding:30px 20px 10px !important
}
.time-change {
text-indent:0 !important
}
.time-change ul {
width:100% !important;
float:left;
}
.news-box-right li p {
line-height:30px !important;
}
.time-change {
float:left;
width:100%;
}
.page-paging {
margin:0 auto !important
}
.page-paging a {
padding:4px 8px !important;
float:left;
}
.news-tab {
width:60% !important
}
.news-box-search1 {
width:40% !important
}
.news-tab .pro-img {
width:67% !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info {
padding:2% !important;
width:67% !important;
background:#dedddd
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab, .news-box-search1 {
height:380px !important;
}
.news-search .time-change {
margin:30px auto 0 !important
}
.mt-ceo {
width:100% !important
}
.project-icon {
width:30% !important
}
.project-txt {
padding:2.2% 3% !important;
width:70% !important;
background-image:none !important
}
.project-img {
display:none !important
}
.banimg {
width: 600px;
height: 100px;
margin: 0px 20px;
position:absolute;
bottom:0
}
.banimg li {
width: 100px;
height: 100px;
float: left;
position: relative;
}
.banimg li img {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt {
width:55% !important;
padding-left:0 !important
}
.service-list .main-box img, .service-list .main-box {
height:102px
}
.service-list .pro-list .info-back {
left: 39% !important;
top: 15% !important;
width:35px !important;
height:35px !important;
font-size:36px !important;
line-height:28px
}
.service-list .main-box p {
font-size:18px !important;
top:50% !important;
left:28% !important
}
.service-list .service-info {
background:#b50004 url("../images/s5.png") no-repeat scroll center 15% !important;
}
.productTab li {
width:25% !important
}
.ProductList li {
width:50% !important
}
.acc-box {
width:45% !important;
margin-right:5% !important
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.service-bz li {
width:50% !important
}
.service-tab .p1 {
height:220px !important;
}
.service-tab .add {
line-height:180px !important;
}
.p5 {
height:218px !important;
padding:3% !important;
}
.p5 span {
margin:10px 0 !important;
padding-bottom:10px !important
}
.join-us span {
margin-top:20px
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:41% !important
}
.service-news li {
padding:2% 4% !important
}
.service-news-list {
width:53% !important
}
.service-news-list p {
width:76% !important;
margin-top:6px !important
}
.news-info.v3 {
width:26% !important;
!important
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:32% !important;
height:204px !important
}
.news-info .v5 {
right:0 !important
}
 .pro-vip li, .pro-vip dd {
width:33.3% !important
}
.pro-vip.g1 li {
min-height:243px !important;
width:33.3% !important
}
.pro-page-info .tel .zx {
width:126px;
}
.pro-page-info .tel .tel-btn {
width:130px
}
 .pro-tab .tabPanel .tabul {
height:45px !important;
}
.pro-tab .tabPanel .tabul li {
height:45px !important;
line-height:45px !important;
width:20% !important
}
 .p-box-list li {
width:30% !important
}
.pro-map-tit {
font-size:24px !important
}
.char-c img, .char-d img, .char-e img {
width:85px
}
 .pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:65% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
}
.callbacks_nav {
top:27% !important
}
.callbacks_nav.next {
right:4% !important
}
 .no-page {
width:70% !important
}
.noline-bg .no-page {
width:60% !important
}

.col-sm-2 {
width:16% !important
}
.col-sm-4 {
width:50% !important
}
.col-sm-5 {
width:30% !important
}
.col-sm-6 {
width:34% !important;
}
.help-block {
text-indent:0 !important
}
.info-area-failure {
text-indent:3% !important
}
.col-sm-offset-2 {
margin-left:16% !important
}
 .news-info-search {
width:100% !important;
margin:0 auto !important
}
 .foot h5, .foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul {
margin:0 5% !important
}
 .resources-hr img {
width: 118px;
}
.hr-add {
padding: 8px 0 0 2% !important;
}
 .vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vip-custom .bx-viewport {
width:75% !important
}
.vip-custom .news-info {
width:33.333% !important
}
.in-shuff .bx-wrapper {
width:83%
}
 .in-box-left {
width:30% !important
}
.in-box-right {
margin-left:5% !important
}
.in-box-list {
margin-bottom:40px !important
}
.up-ad .up-ad-list {
width:50% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 68px !important;
}
.m1 .mt-ceo {
margin:0 10% !important;
width:29% !important
}
.page-paging span {
float:left;
}
.Button.Block {
width:445px !important;
}
#bmap_p_id {
width:25% !important
}
.smart-box-txt p {
padding:3% 4% !important;
line-height:24px !important;
font-size:12px;
}
@-webkit-keyframes myfirst {
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:62%;
bottom:0;
}
}
}*/
/*@media screen and (min-width: 521px) and (max-width:640px) {
.container {
width:480px;
}
header .container {
position:relative
}
.logo {
width:100%;
text-align:center;
margin:0 auto;
float:left !important;
width:44% !important
}
.free-tel {
margin-right:0 !important
}
.choose .laugese {
margin:4px 0 0 0 !important
}
.choose .search {
display:none;
}
header .free-tel {
margin-right:10px !important;
padding-right:10px !important
}
header .laugese ul li {
min-width:70px !important
}
header .laugese ul li a {
background-position:56px center !important;
}
.main-box {
width:50%;
float:left;
margin-bottom:20px !important
}
.new-left, .new-right {
width:100% !important;
}
.box {
text-align:center !important
}
.box li {
width:100% !important;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}
.box li img {
text-align:center
}
.box .txt {
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-info {
height:320px !important
}
.pro-tit {
height:100px !important;
line-height:100px !important;
}
.pro-line {
height:80px !important;
line-height:80px !important;
}
.foot-link4 {
width:100% !important;
border:none !important;
padding:25px 0 0 !important
}
.foot-link4 img {
width:200px;
margin:0 auto
}
.product-tit, .product-tit-img {
width:100% !important;
height:auto !important
}
.product-tit p {
margin:4% 0 !important;
padding-bottom:3% !important
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-c {
margin:0 !important;
text-align:center !important
}
.pro-adv-c img {
margin:0 auto !important;
}
.pro-vip li, .pro-vip dd {
width:50% !important;
}
.accordion-desc .a1 {
width:100% !important
}
.web-box {
padding:35px 30px !important;
}
.web-box h4 {
margin-bottom:20px !important;
}
.company-video {
width:100% !important;
}
.company-video img {
margin:0 auto
}
.company-txt {
width:100% !important
}
.web-box-list {
float:left;
width:100% !important;
}
.box-list-img img, .earth-img img {
margin:0 auto
}
.list-txt-link {
margin-bottom:20px;
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-img {
width:100% !important;
padding:5% 0 0
}
.earth-txt {
width:90% !important;
margin:3% 5% 0 !important;
padding-bottom:3%
}
.earth-box-right h5 {
padding-top:2% !important
}
.earth-box-right img {
margin:3% auto !important
}
.earth-box-right a {
margin-bottom:15px;
}
.history a {
left:30% !important
}
.brand-left, .brand-right {
width:100% !important
}
.brand-txt {
float: left !important;
margin: 0 0 0 4% !important;
width: 38% !important;
}
.web-brand {
float:none !important;
height:inherit !important;
background:none !important;
}
.brand-right {
margin-top:20px;
}
.web-we {
margin-top:30px;
}
.we-left {
width:100% !important
}
.join {
height:193px !important
}
.join h5 {
width:90% !important
}
.we-right {
width:100% !important;
left:0% !important
}
.we-right p {
width:25% !important
}
.news-box-left {
display:none !important;
}
.news-box-right, .pro-buy-box {
width:100% !important;
display:block !important
}
.buy-select {
width:40% !important;
float:left;
margin:5% 3.33% 5% 0 !important
}
.news-box-right li p {
line-height:30px !important;
}
.page-paging a {
padding:4px 8px !important;
}
.news-tab {
margin:0 60px;
}
.news-tab .pro-img, .news-tab .pro-info {
width:100% !important;
height:inherit !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab .owl-prev {
left:75% !important
}
.news-tab .owl-next {
right:0% !important
}
.project-icon {
width:30% !important
}
.project-txt {
padding:2.2% 3% !important;
width:70% !important;
background-image:none !important
}
.project-img {
display:none !important
}
.news-info {
width:100% !important
}
.news-info img {
margin:0 auto
}
.mt-ceo {
width:50% !important;
margin:0 25% 5% !important
}
.contact-left ul {
width:100% !important;
float:left
}
#dituConten {
width:360px !important
}
.banimg {
width: 420px;
height: 70px;
margin: 0px 30px;
position:absolute;
bottom:0
}
.banimg li {
width: 70px;
height: 70px;
float: left;
position: relative;
}
.banimg li img {
width: 70px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -35px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
width:70px;
height:70px;
margin-left:-35px;
margin-top:-35px;
left: 50%;
top: 50%;
position: absolute;
background:#fff;
z-index:3
}
.service-txt, .service-txt-img {
width:100% !important;
padding-left:0 !important;
margin-bottom:15px
}
.service-list .main-box img, .service-list .main-box {
width:100% !important;
float:left !important;
height:215px;
position:relative
}
.service-list .main-box p {
font-size:24px !important;
position:relative !important;
left:0 !important;
height:215px;
z-index:2;
top:-70px !important;
}
.service-info {
display:none !important
}
.service-list .main-box-img .info a {
bottom:0;
right:0;
background: none !important
}
.service-list .main-box-img .info {
opacity:1 !important;
filter: alpha(opacity=1) !important;
position:relative !important
}
.service-list .pro-list .info-back {
left:43% !important
}
.productTab li {
width:25% !important
}
.ProductList li {
width:100% !important
}
.acc-box {
width:100% !important;
margin:0 0 5%;
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.custom-boxr {
width:100% !important;
height:auto !important;
background:none !important;
}
.custom-boxr-txt {
width:100% !important;
background:#b50004;
padding:10% 0 10% 3% !important
}
.custom-boxr-txt > p {
float:left;
margin-right:5%
}
.service-bz li {
width:50% !important
}
.service-tab .pane .accordion {
height:50px !important;
line-height:50px !important
}
.service-tab .pane .accordion h5 {
height:50px !important;
line-height:50px !important;
font-size:24px !important;
}
.service-tab .pane .accordion span {
font-size:16px !important;
line-height:50px !important;
}
.folding-box .fa {
top:10px !important
}
.service-tab .p1 {
width:100% !important
}
.service-tab .add {
left:45%;
line-height:50px !important
}
.p4, .p5 {
float:left;
width:100% !important;
}
.p5 {
padding-top:15% !important
}
.join-us {
width:100% !important;
margin:0 !important
}
.earth-fl, .earth-fr {
width:100% !important
}
.earth-fl div {
display:none;
}
.earth-fr div {
padding:15% 8% !important
}
.gl-box {
width:100% !important;
margin-bottom:20px
}
.earth-box-img img {
width:inherit !important;
}
.gl-p p {
margin-bottom:5px !important;
font-size:20px !important;
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:100% !important;
border-bottom:1px solid #bfbfbf !important;
margin-bottom:20px;
padding-bottom:10px
}
.service-news-list {
width:100% !important
}
.service-news-list p {
width:83% !important;
margin-top:6px !important
}
.voide-a {
height:auto;
overflow:hidden;
}
.voide-a p {
float:left;
}
.voide-a a {
float:left
}
.news-info.v3 {
width:100% !important;
margin-bottom:20px
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:47% !important;
height:204px !important
}
.news-info .v5 {
right:0 !important
}
.flex-direction-nav a {
width: 20px !important;
height: 30px !important;
background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;
}
.flex-direction-nav .flex-next {
background-position:-20px 0 !important
}
.flex-control-nav {
bottom:-20px !important
}
.banner .flex-control-nav {
bottom:-10px !important
}
.pro-no {
height:240 !important
}
.m7 {
display:none !important;
}
.new-left .flex-control-paging li a {
height:40px !important;
width:40px !important
}
.new-img, .new-txt {
width:100% !important
}
.new-img img {
height:170px;
}
.service-link li {
width:33.3% !important
}
 .pro-vip li, .pro-vip dd {
width:33.3% !important
}
.pro-page-img, .pro-page-info {
width:100% !important
}
.pro-page-info {
padding:5% 0 0 !important
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
float:left;
}
.pro-char .char-a {
float:left;
width:100% !important
}
.pro-char .char-a p {
float:left;
margin:0 10px
}
.pro-char .char-a span {
float:left;
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
border-right:none !important
}
.pro-char .char-c {
float:left;
width:33.3% !important
}
.pro-char .char-d {
float:left;
width:50% !important
}
.pro-char .char-e {
float:left;
width:100% !important
}
.pro-tab .tabPanel .tabul li {
width:20% !important
}
 .p-box-list li .list-p h2 {
height:25px !important;
font-size:14px !important
}
.p-box-list li {
width:30% !important
}
.p-box-list li .list-p span {
display:none
}
.pro-map-tit {
font-size:20px !important
}
.cx {
width:100% !important
}
.fenlei span {
width:34% !important
}
.dingdan {
width:50% !important
}
.fenlei .searchsub {
width:16% !important
}
.ewm {
width:100% !important
}

/*留言板样式*/
.col-sm-4 {
width:50% !important
}
.col-sm-6 {
width:35% !important
}
 .pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:88% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
}
.callbacks_nav {
top:27% !important
}
.callbacks_nav.next {
right:4% !important
}
.pro-nav-link a {
font-size:14px !important;
}
 .no-page {
width:90% !important
}
.noline-bg .no-page {
width:60% !important
}


.col-sm-2 {
width:23% !important
}
.col-sm-4 {
width:77% !important
}
.col-sm-6 {
width:80% !important;
margin-left:22% !important
}
.col-sm-offset-2 {
margin:0 auto !important;
text-align:center
}
.help-block {
text-indent:0 !important
}
.info-area-failure {
text-indent:3% !important
}
.news-viode embed {
height:380px !important
}
.viode-list .news-info {
width:50% !important
}
 .resources-hr img {
float:none !important;
margin-top:3%
}
.hr-add {
padding:4% !important;
}
 .vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.in-shuff .bx-wrapper {
width:55%
}
 .up-ad-num li {
width:33.333% !important
}
.up-ad .up-ad-list {
width:50% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 32px !important;
}
.m1 .mt-ceo {
width:36% !important;
margin:0 7% !important
}
.Button.Block {
width:354px !important;
}
@-webkit-keyframes myfirst {
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:75%;
bottom:0;
}
}
 .zt-news-img {
float:inherit !important;
width:50%;
margin:0 auto 1em !important
}
}
@media screen and (max-width:520px) {
.up-ad-num li {
width:50% !important
}
.container {
width:100%;
padding:0 5%
}
header .container {
position:relative;
}
.logo {
text-align:center;
margin:0 auto;
float:none !important;
width:100% !important
}
.logo.fl img {
float:none !important
}
.choose .laugese {
float:left !important;
}
.choose .search {
float:right !important;
}
header .free-tel {
margin-right:0px !important;
padding-right:10px !important;
float:left !important
}
header .laugese ul li {
min-width:85px !important
}
header .laugese ul li a {
background-position:70px center !important;
}
.fl, .fr {
float:none
}
.main-box {
width:50%;
float:left;
}
.main-box img {
width:50%
}
.main-box p {
}
.main-box-p {
max-height:70px;
}
.pxianguan .main-box {
width:50%;
}
.pxianguan .main-box-p {
min-height:42px;
}
.new-left, .new-right {
width:100% !important;
}
.box {
text-align:center !important
}
.box li {
width:100% !important;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}
.box li img {
text-align:center;
width:100%
}
.box .txt {
}
.voide-box {
text-align:center !important;
}
.product .flex-prev {
left:20px !important;
}
.product .flex-next {
right:20px !important;
}
.pro-no {
background:#b50004 url("../images/probg.png") no-repeat scroll center 0 !important;
height:120px !important;
line-height:128px !important
}
.pro-info {
height:202px !important
}
.pro-tit {
height:35px !important;
line-height:20px !important;
}
.pro-line {
height:60px !important;
line-height:45px !important;
}
.foot-link4 {
width:100% !important;
border:none !important;
padding:25px 0 0 !important
}
.foot-link4 img {
width:200px;
margin:0 auto
}
.owl-controls .owl-prev {
left:-20px !important
}
.owl-controls .owl-next {
right:-20px !important
}
.product-tit, .product-tit-img {
width:100% !important;
height:auto !important
}
.product-tit p {
margin:4% 0 !important;
padding-bottom:3% !important
}
.pro-adv {
position:relative
}
.pro-adv-fl, .pro-adv-fr, .pro-adv-c {
width:100% !important;
}
.pro-adv-fl {
position:inherit !important
}
.pro-adv-fr {
text-align:left !important;
}
.pro-adv-fr li h4 {
float:left !important;
}
.pro-adv-fl li p, .pro-adv-fr li p {
margin-left:0 !important;
padding:0 !important;
width:100%;
float:left;
font-size:12px !important
}
.pro-adv-c {
margin:0 !important;
text-align:center !important
}
.pro-adv-c img {
margin:0 auto !important;
}
.pro-vip li, .pro-vip dd {
width:50% !important;
}
.accordion-desc .a1, .accordion-desc .a2, .accordion-desc .a3 {
width:100% !important
}
.company-video {
width:100% !important;
float:left
}
.company-txt {
width:100% !important
}
.company-video img {
margin:0 auto
}
.web-box-list {
float:left;
width:100% !important;
}
.box-list-img img {
margin:0 auto
}
.list-txt-link {
margin-bottom:20px;
}
.earth-box-left, .earth-box-right {
width:100% !important;
margin:0 0 20px;
}
.earth-img {
width:100% !important;
}
.earth-img span {
display:none;
}
.earth-txt {
width:90% !important;
margin:3% 5% !important
}
.history a {
left:10% !important
}
.web-brand {
height:inherit !important
}
.brand-left, .brand-right, .brand-img {
width:100% !important;
float:left !important;
}
.brand-txt {
width:90% !important
}
.brand-txt h5 {
margin:2% 0 0 !important
}
.we-left {
width:100% !important;
float:left !important;
margin-top:25px !important;
}
.join {
width:100% !important;
height:auto !important
}
.join h5 {
margin:10% auto 0 !important;
width:60% !important
}
.join-img {
float:left;
height:100% !important;
width:100% !important
}
.we-right {
width:100% !important;
float:left;
height:auto !important;
}
.we-right p {
left: 15% !important;
top: 40% !important;
width: 40% !important;
}
.we-right span {
top:40% !important
}
.news-box-left {
display:none !important;
}
.news-box-right, .pro-buy-box {
width:100% !important;
display:block !important
}
.buy-select {
width:40% !important;
float:left;
margin:5% 3.33% 5% 0 !important
}
.news-box-right li p {
line-height:26px !important;
}
.page-paging a {
padding:4px 8px !important;
float:left;
margin:0 2px 5px !important
}
.news-tab {
margin:0 45px;
}
.news-tab .pro-img, .news-tab .pro-info {
width:100% !important;
height:inherit !important
}
.news-tab h2 span {
float:none !important;
width:inherit !important
}
.news-tab .pro-info a {
float:none !important;
width:inherit !important
}
.news-tab .owl-prev {
left:70% !important
}
.news-tab .owl-next {
right:0% !important
}
.news-info {
width:100% !important
}
.mt-ceo {
width:68% !important;
margin:0 16% 5% !important
}
.project-icon {
width:40% !important;
}
.project-txt {
width:60% !important;
padding:2%;
background-image:none !important
}
.project-img {
display:none
}
.article-up, .article-down {
display:none;
}
.contact-left ul {
width:100% !important;
float:left
}
#dituConten {
width:100% !important
}
.banimg {
width: 300px;
height: 50px;
margin: 0px 0px;
position:absolute;
bottom:0
}
.banimg li {
width: 50px;
height: 50px;
float: left;
position: relative;
}
.banimg li img {
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 1;
background:url(../images/icon54.png);
max-width:inherit !important;
}
.banimg li img:hover {
background:#fff;
}
.banimg .on img {
background:#fff;
z-index:3
}
.service-txt, .service-txt-img {
width:100% !important;
padding-left:0 !important;
clear:both;
margin-bottom:15px !important
}
.service-list .main-box img, .service-list .main-box {
width:100% !important;
float:left !important;
height:160px;
position:relative
}
.service-list .main-box p {
font-size:24px !important;
height:160px;
z-index:2;
top:-70px !important;
position:relative !important;
left:0 !important;
}
.service-info {
display:none !important
}
.service-list .main-box-img .info a {
bottom:0;
right:0;
background: none !important
}
.service-list .main-box-img .info {
opacity:1 !important;
filter: alpha(opacity=1) !important;
position:relative !important
}
.service-list .pro-list .info-back {
left:40% !important;
top:20% !important
}
.productTab li {
width:30% !important
}
.ProductList li {
width:100% !important
}
.acc-box {
width:100% !important;
margin:0 0 5%;
}
.custom-boxl, .custom-boxr {
width:100% !important
}
.custom-boxl {
margin-bottom:5%
}
.custom-boxr-txt {
float: right;
padding: 10% 0 0 2% !important;
width: 33% !important;
}
.custom-boxr {
width:100% !important;
height:auto !important;
background:none !important;
}
.custom-boxr-img {
width:100%;
}
.custom-boxr-txt {
width:100% !important;
background:#b50004;
padding:10% 0 10% 3% !important
}
.custom-boxr-txt > p {
float:left;
margin-right:5%
}
.service-xx div {
float:left;
width:100% !important;
margin-bottom:5%;
}
.service-bz li {
width:100% !important
}
.service-tab .pane .accordion {
height:50px !important;
line-height:50px !important
}
.service-tab .pane .accordion h5 {
height:50px !important;
line-height:50px !important;
font-size:24px !important;
}
.service-tab .pane .accordion span {
font-size:14px !important;
line-height:50px !important;
}
.folding-box .fa {
top:10px !important
}
.service-tab .p1 {
width:100% !important
}
.service-tab .add {
left:45%;
line-height:50px !important
}
.p4, .p5 {
float:left;
width:100% !important;
}
.p5 {
padding-top:15% !important
}
.join-us {
width:100% !important;
margin:0 !important
}
.earth-fl, .earth-fr {
width:100% !important
}
.earth-fl div {
display:none;
}
.earth-fr div {
padding:10% 8% !important
}
.gl-box {
width:100% !important;
margin-bottom:20px
}
.earth-box-img img {
width:inherit !important;
}
.earth-box-img img {
width:inherit !important;
}
.gl-p {
padding:3% 4% !important
}
.gl-p p {
margin-bottom:0px !important;
font-size:14px !important;
line-height:24px !important;
}
.main-c {
width:100% !important;
height:100% !important
}
.main-c1 {
width:100% !important;
}
.main-c1 div {
display:none;
}
.service-news-img {
width:100% !important;
border-bottom:1px solid #bfbfbf !important;
margin-bottom:20px;
padding-bottom:10px
}
.service-news-list {
width:100% !important
}
.service-news-list p {
width:78% !important;
margin-top:6px !important
}
.voide-a {
height:auto;
overflow:hidden;
}
.voide-a p {
float:left;
}
.voide-a a {
float:left
}
.news-info.v3 {
width:100% !important;
margin-bottom:20px
}
.news-info.v3 img {
height:204px
}
.news-info .v5 {
display:none !important;
}
.news-info.v4 {
width:100% !important;
margin-bottom:20px
}
.news-info .v5 {
right:0 !important
}
.flex-direction-nav a {
width: 20px !important;
height: 30px !important;
background: url(../images/bg_direction_nav1.png) no-repeat 0 0 !important;
}
.flex-direction-nav .flex-next {
background-position:-20px 0 !important
}
.flex-control-nav {
bottom:-20px !important
}
.banner .flex-control-nav {
bottom:-10px !important
}
.m7 {
display:none !important;
}
.new-left .flex-control-paging li a {
height:40px !important;
width:40px !important
}
.new-img, .new-txt {
width:100% !important
}
.new-img img {
height:170px;
}
.service-link li {
width:33.3% !important
}
.pro-page-img, .pro-page-info {
width:100% !important
}
.pro-page-info {
padding:5% 0 0 !important
}
.pro-page-info .tel .zx {
width:126px;
}
.pro-page-info .tel .tel-btn {
width:130px
}
.pro-tab .tabPanel .tabul li {
width:20% !important
}
 .p-box-list li {
width:30% !important
}
.p-box-list li .list-p h2 {
height:25px !important;
font-size:14px !important
}
.p-box-list li .list-p span {
display:none
}
.pro-map-tit {
font-size:16px !important
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
float:left;
}
.pro-char .char-a {
float:left;
width:100% !important
}
.pro-char .char-a p {
float:left;
margin:0 10px
}
.pro-char .char-a span {
float:left;
}
.pro-char .char-a, .pro-char .char-b, .pro-char .char-c, .pro-char .char-d, .pro-char .char-e {
border-right:none !important
}
.pro-char .char-c {
float:left;
width:33.3% !important
}
.pro-char .char-d {
float:left;
width:50% !important
}
.pro-char .char-e {
float:left;
width:100% !important
}
.cx {
width:100% !important
}
.fenlei span {
width:34% !important
}
.dingdan {
width:50% !important
}
.fenlei .searchsub {
width:16% !important
}
.ewm {
width:100% !important
}
.map-tit-line {
width:23% !important
}
.col-sm-2 {
width:100% !important;
text-align:left !important
}
.col-sm-4 {
width:100% !important
}
.col-sm-6 {
width:100% !important;
margin-left:0% !important
}
.info-area-failure {
margin:0 0 10px !important
}
.col-sm-offset-2 {
margin:0 auto !important;
text-align:center
}
.help-block, .help-block {
text-indent:0% !important
}
 .pro-table-img, .pro-table-info {
width:100% !important
}
.pro-table-info {
padding-left:0 !important
}
.pro-table-info h1 {
font-size:16px !important;
margin-top:3%
}
.pro-table-info span {
margin:2% auto !important;
padding-bottom:2% !important
}
#slider3-pager li {
width:22.75% !important
}
.pro-tel {
position:static !important;
width:100% !important;
margin-top:2%;
float:left;
}
.pro-tel-line, .pro-tel-service {
float:left !important;
width:100% !important
}
.pro-tel .pro-tel-line {
font-size:18px !important;
font-weight:bold
}
.pro-tel .pro-tel-line span {
width:46% !important
}
.pro-tel-service {
background-position:15% !important
}
.callbacks_nav {
top:18% !important
}
.callbacks_nav.next {
right:4% !important
}
.pro-nav-link a {
font-size:14px !important;
}
 .no-page {
width:100% !important
}
.noline-bg .no-page {
width:60% !important
}
.no-page-link strong {
float:left;
width:100%
}
 .resources-box-info .s4, .resources-box-info .s5 {
float:left;
width:100%;
}
.resources-box-info .s4 {
font-size:20px !important
}
.resources-box-info .s4 br {
display:none;
}
.pane.tab-case div {
width:47% !important
}
 .us-info img, .case-news-info img {
float:none !important;
margin:0 auto !important
}
 .news-viode embed {
height:245px !important
}
 .resources-hr img {
float:none !important;
margin-top:3%
}
.hr-add {
padding:4% !important;
}
 .vip-custom li {
width:25% !important;
padding:10px 4px !important;
text-align:left !important;
}
.vip-custom li img {
float:left;
width:25px;
margin-right:5px;
padding:0 !important
}
.vip-custom li span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vip-list {
width:50% !important
}
.in-shuff .bx-wrapper {
width:56%
}
.up-ad .up-ad-list {
width:100% !important
}
.up-online {
bottom: 6px !important;
font-size: 10px;
padding: 0 5px !important;
right: 27px !important;
}
.m1 .mt-ceo {
width:100% !important;
margin:0 auto !important;
float:none;
display:table;
}
.page-paging span {
float:left;
}
.Button.Block {
width:290px !important;
}
#bmap_p_id {
width:inherit !important
}
.smart-box-txt p {
line-height:24px !important;
font-size:12px;
}
 .leftsidebar-select span, .leftsidebar-select select {
float:left;
width:42%;
}
.leftsidebar-select select {
margin-right:0 !important
}
@-webkit-keyframes myfirst{
 0% {
left:0;
height:8%;
bottom:0;
}
 100% {
left:0;
height:100%;
bottom:0;
}
}
.zt-news-img {
float:inherit !important;
width:100%;
margin:0 auto 1em !important
}
.zt-news-img img {
width:100%
}
}
 @media screen and (max-width:1199px) {
.pro-select-link {
width:100% !important;
margin:1% 0 0 !important
}
.pro-select-link .first {
margin-left:0 !important
}
.vip-custom-box, .in-list {
width:100% !important
}
}
@media screen and (max-width:979px) {
.article-page-list div {
width:100% !important;
margin-bottom:15px
}
.contact-left {
width:100% !important
}
.contact-left ul {
width:50%;
float:left
}
.tel-free {
margin-right:5% !important
}
.contact-right {
width:100% !important;
}
.tr-box1, .tr-box2, .tr-box3, .tr-box5 {
width:20% !important;
margin:0 !important;
}
.box-txt {
display:none;
}
.main-a {
width:100% !important
}
.main-a div {
display:none
}
.main-a1 {
width:100% !important;
height:auto !important
}
}
@media screen and (min-width:800px) {
.contact-msg h4 {
margin:0 !important
}
.contact-msg .from-message input, .contact-msg .from-message textarea {
width:60% !important
}
.contact-msg input.message-sub {
width:20% !important
}
}
 @media screen and (min-width:767px) {
 .cd-main-header {
display:none
}
 nav {
display:none
}
 .foot-link3 a {
font-size:14px !important;
}
 .vip-custom .bx-viewport {
width:84% !important
}
 .last-nav {
background:url(../images/jblogo.png) no-repeat 5px center !important
}
 .last-nav:hover {
background:url(../images/jblogo.png) no-repeat 5px center #971629 !important
}
 .foot-nav {
display:none
}
}*/
/*@media screen and (max-width:767px) {
 #header, #leftsead {
display:none
}
 .service-link {
width:100% !important
}
 #mapBox, #listWrap {
width:100% !important
}
 .wap-last-nav {
background:url(../images/jblogo.png) no-repeat left center
}
 footer {
margin-bottom:90px;
}
 .foot-nav {
display:block;
height:90px;
background:#354151;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999999
}
 .foot-nav li {
float:left;
width:25%;
text-align:center;
}
 .foot-nav li a {
color:#fff;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
}*/
/*@media screen and (max-width:800px) {
 .contact-msg h4 {
margin:0 !important
}
.contact-msg .from-message input, .contact-msg .from-message textarea {
width:100% !important
}
.pro-table .ind-rs, .indbutton #slider3-pager li, .pro-table .ind-list {
width:100% !important
}
.indbutton .prev {
left:4% !important
}
.indbutton .callbacks_nav {
top:34% !important
}
.nf-ps-l, .nf-ps-r {
border:none !important;
height:auto !important
}
}*/
/*@media screen and (max-width:640px) {
 .resources-box-info table {
cellpadding:10 !important
}
 .resources-box-info .s7 {
display:none;
}
 .pro-char table td {
padding:10px 0 !important
}
 .pro-char .char-a {
text-align:left !important
}
 .pro-char .char-a br {
display:none;
}
 .resources-search div {
width:100% !important;
margin-bottom:3%
}
 .resources-search .searchtext {
width:80% !important
}
 .resources-search select {
width:70% !important
}
 .job-box .fa-plus-circle {
display:none;
}
 .j5 {
width:25% !important
}
 .contact-info-net, .contact-info-line {
width:50% !important;
}
 .contact-info-txt {
width:100% !important;
margin-top:6%
}
 .pro-tab .tabPanel .tabul {
height:40px !important
}
 .pro-tab .tabPanel .tabul li {
height:40px !important;
line-height:40px !important;
font-size:14px !important;
}
 .pageTel {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
border-radius: 50%;
bottom: -60px;
display: block;
height: 120px;
position: fixed;
right: -60px;
width: 120px;
z-index: 100;
}
.pageTel a {
background: rgba(0, 0, 0, 0) url("../images/tel.png") no-repeat scroll right bottom / 75% auto;
display: block;
height: 60px;
width: 60px;
}
	
	.online_chat_pf {
display:none !important
}
	.online_chat_pf img{ display:none !important}
	.online_chat_pf a{ background:url("../images/cnchat.gif"); width:44px; height:119px; display:table}
	.web-img img {
height:95px
}
 .vip-box-fr, .vip-box-fl {
width:100% !important
}
 .vip-box-fr {
margin-top:20px
}
 .vip-custom .news-info, .in-list .news-info {
width:50% !important
}
 .in-nav ul {
width:80% !important
}
 .in-box-left {
width:64% !important;
margin:0 auto;
float:none !important
}
.in-box-right {
width:100% !important;
margin-top:20px;
margin-left:0 !important
}
.in-box-list {
margin-bottom:20px !important;
margin-left:0 !important
}
 .m1 .mt-ceo h3 {
font-size:14px !important;
margin:4px auto !important
}
 .m1 .mt-ceo h3 span {
margin:0 !important
}
 .m1 .mt-ceo p {
padding: 25px 10px 14px !important;
}
 .list-box .news-info {
width:50% !important
}
 .up-process {
display:block
}
 .process {
display:none
}
 .page-tit h3 {
font-size:20px !important;
}
 .ex-online ul li {
font-size:16px !important
}
 .ex-info .company-txt {
padding-top:20px !important
}
 .no-page-txt p {
font-size:16px !important
}
 .pro-buy-txt, .pro-buy-wx {
float:left;
width:100% !important;
}
 .order-buy h5 {
width:100% !important
}
 .order-buy .buy-select-sub {
width:13%;
margin:2% auto 0 !important
}
 .order-buy .buy-select {
margin:2% 2% 2% 0 !important;
}
 .buy-news h3 {
font-size:14px;
font-weight:bold;
}
 .buy-news h3 font {
max-width:30%;
font-size:14px !important;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0 5px !important;
margin-right:5px !important
}
 .buy-select-sub {
width:13% !important;
margin:5% auto 0 !important
}
 .por-buy-nav a {
width:40% !important;
margin-right:5% !important
}
 .buy-news p a {
font-size:12px;
}
 .pro-buy-box {
margin-top:30px
}
 .acc-item, .foot-link1, .foot-link2, .foot-link3 {
float:left;
width:100% !important;
border:none !important;
min-height:inherit !important
}
 .foot h5 {
margin:0px 0 0 !important;
padding:0 !important;
font-size:14px !important
}
 .foot-link1 ul, .foot-link2 ul, .foot-link3 ul, .foot-link4 ul {
margin:0 !important
}
 .foot-link1, .foot-link2, .foot-link3, .foot-link4 {
padding:8px 0 !important;
background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x scroll left bottom
}
 .acc_trigger {
background:url(../images/red_acc_closed.png) no-repeat right center;
}
 .acc_trigger.active {
background:url(../images/red_acc_opened.png) no-repeat right center;
}
 .foot {
padding:0 0 20px !important
}
 .bottom {
display:none
}
 .pro-char .char-b {
width:100% !important
}
 .project-leftsidebar {
width:100% !important;
}
 .project-leftsidebar li {
width:20% !important;
float:left;
border:none !important;
border-left:1px solid #edecec !important;
}
 .project-main {
width:100% !important;
padding-left:0 !important
}
 .pro-main-box {
width:100% !important
}
 .pro-main-box p {
height:auto !important
}
 .service-scope {
width:50% !important
}
 .experiment img, .experiment1 img {
float:none !important;
margin:0 auto 15px !important;
}
 #pageMiddle ul {
width:100%;
display:table;
margin-bottom:3%
}
 #mapheader {
display:table;
width:100% !important
}
 .zt-news-txt {
padding:0 15px;
}
 .leftsidebar p {
display:table;
float:none !important
}
}*/
/*@media screen and (min-width:641px) {
 .up-process {
display:none
}
 .process {
display:block
}
 .ex-online ul li {
font-size:20px !important;
}
 .order-buy .buy-select-sub {
width:10% !important
}
 .order-buy .buy-select {
margin:0% 2% 0% 0 !important;
}
 .buy-select-sub {
width:100% !important;
margin:0 auto !important
}
 .por-buy-nav a {
width:30%
}
 .acc_container {
display:block !important;
}
 .acc_trigger {
pointer-events: none;
}
 .foot-link2, .foot-link3, .foot-link4 {
background:rgba(0, 0, 0, 0) url("../images/footbg.png") repeat-y scroll 0 0
}
 .foot h5 {
background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x left bottom
}
}*/
/*live800 在线客服浮动窗样式*/
.online_chat_pf {
	position:fixed;right:5px;top:25%;z-index:9999;
}
/* @media screen and (max-width:520px) {
 .wap-header, .wap-main .choose .search {
display:block
}
 header {
height:auto !important;
}
 header .logo {
display:table;
margin-bottom:15px;
}
 .logo img {
float:left;
margin-left:10px;
}
 .pc-header {
display:none
}
 .wap-main {
padding:3% 0
}
 header .wap-main .choose, header .wap-main .laugese {
padding:0;
margin:0 !important
}
 header .wap-main .choose, header .wap-main .laugese, header .wap-main .search, header .wap-main .laugese ul {
float:left;
}
 header .wap-main .laugese ul li {
background:#fff url("../images/icon17.png") no-repeat scroll 5px center
}
 .wap-tel {
background:url(../images/wapicon.png) no-repeat 5px 2px;
height:30px;
font-size:12px;
font-weight:bold;
text-indent:2em;
float:left;
}
 .wap-main .search {
background:url(../images/wapicon.png) no-repeat -2px -56px;
width:23px;
height:23px;
margin:0
}
 .wap-main .search a {
display:table;
height:23px;
width:23px;
}
 .wap-main em {
font-style:normal;
color:#e0e0e0;
float:left
}
	header .wap-main .laugese {
padding:0 5px
}
 .wap-top {
display:table;
margin:0 auto
}
 .cd-main-header {
background:#fff !important;
height:auto !important
}
 .cd-header-buttons {
top:-70px !important;
}
 .cd-nav-trigger {
background:#b50004
}
}*/
/* @media screen and (min-width:521px) {
 .wap-header {
display:none
}
 .pro-list span a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}*/
/* quick_links */
.mui-mbar-tabs {
	height:100%;right:0;position:fixed;bottom:0;z-index:9;
}
.quick_links_panel {
	width:40px;height:100%;position:absolute;background:#fff;z-index:2;top:0;right:0;box-shadow: 3px 10px 5px 5px #ccc;-moz-box-shadow: 3px 10px 5px 5px #ccc;-webkit-box-shadow: 3px 10px 5px 5px #ccc;/*动画名称，需要跟@keyframes定义的名称一致*/
-webkit-animation-name: "fadeInRight";animation-name: "fadeInRight";-ms-animation-name: "fadeInRight";-moz-animation-name: "fadeInRight";/*动画持续的时间长*/
-webkit-animation-duration: 2.5s;animation-duration: 2.5s;-ms-animation-duration: 2.5s;-moz-animation-duration: 2.5s;/*动画循环播放的次数为1 infinite为无限次*/
-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;
}
 @-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*提示层*/

.right-item {
	display:table;margin:0px auto;position:relative
}
.tooltip {
	width:280px;padding:10px;border-radius:3px;position:absolute;border:1px solid #ccc;margin: -800px 0 0 -20px;background:#ffecbf;
-webkit-transition:width .5s ease-in-out;
-moz-transition:width .5s ease-in-out;left:-265px;top:98px;font-size:12px;
}
.tooltip p {
	color:#434343;margin:0;
}
.right-item:hover .tooltip {
	margin:-145px 0 0 -20px;
-webkit-transition: width .15s ease-in-out;
-moz-transition: width .15s ease-in-out;
}
.arrow {
	position:absolute;margin:10px 0 0 50px;width: 0;height: 0;right:-17px;top:36%;
}
.arrow:after {
	content: " ";position: absolute;right: 10px;width: 12px;height: 12px;border: #ccc solid 1px;border-left: 0;border-bottom: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#ffecbf;
}
/*提示层*/

.quick_links_panel a {
	display:block;width:40px;height:66px;text-decoration:none;position:relative;overflow:hidden;top:0;left:0px;
*left:-15px;z-index:1;margin:0;padding:0;
}
.quick_links_panel .mp_tooltip {
	height:105px;line-height:38px;width:84px;position:absolute;z-index:2;left:-121px;top:0;background:url(../images/rightwechat.jpg) no-repeat;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;
}
.mp_hot {
	background:url(../images/righthot.jpg) no-repeat;width:160px;height:66px;position:absolute;z-index:2;left:-121px;top:0;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;
}
.mp_tel {
	background:url(../images/righttel.jpg) no-repeat top center #e7e7e8;width:128px;height:170px;position:absolute;z-index:2;left:-121px;bottom:0;color:#ce012f;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;
}
.api-lxb-cb-con {
	width:128px;position:absolute;margin:0 auto;display:table;bottom:17px;text-align:center
}
.api-lxb-cb-con input {
	width:110px;margin-bottom:6px;text-align:center;height:22px;
}
.api-lxb-cb-input {
	background:#373d44;border:1px solid #373d44;color:#fff;font-size:11px;
}
.api-lxb-cb-btn {
	background:#ce012f;border:none;color:#fff;font-size:12px;
}
.quick_links {
	position:absolute;top:60%;left:0;margin-top:-190px;
*margin-top:-220px;background:#fff;z-index:2;width:40px;
}
.quick_links li {
	position:relative;display:block;left:0;top:0px;border-bottom:1px solid #bfbfbf
}
.quick_links i {
	width:40px;height:66px;display:inline-block;background:url(../images/sprites.png) no-repeat;cursor:pointer;
}
.quick_links .right_tel {
	background-position:0px -68px
}
.quick_links .right_contact {
	background-position:0px -137px
}
.quick_links .right_wechat {
	background-position:0px -205px
}
.quick_links .right_hot {
	background-position:0px -272px
}
.quick_links .right_online:hover, .quick_links .right_online {
	background-position:-42px 0px
}
.quick_links .right_tel:hover {
	background-position:-42px -68px
}
.quick_links .right_contact:hover {
	background-position:-42px -136px
}
.quick_links .right_wechat:hover {
	background-position:-42px -204px
}
.quick_links .right_hot:hover {
	background-position:-42px -272px
}
.api-lxb-cb-input:hover .tt {
	display:block
}
/* @media screen and (max-width:768px) {
.mui-mbar-tabs {
display:none
}
}*/
.cpdisplay {
}
.cpdisplaynone {
	display:none;
}
.container .poster-list {
	padding-top:25px;
}
.container .poster-list li {
	width:30%;float:left;text-align:center;
}
.container .poster-list li img {
	width:82%;border:#ccc 1px solid
}
.container .poster-list li span {
	line-height:30px;
}
.container .downlist img {
	float:left;width:160px;border-left:#666 2px solid;border-top:#ccc 1px solid;border-bottom:#ccc 2px solid;border-right:#ddd 1px solid;margin-right:20px
}
.container .news-list2 {
	padding-left:0;
}
.container .news-list2 img {
	float:left;width:220px;margin-right:20px;border:#ccc 1px solid; 
	padding:0.5%;
}
.container .news-list2 h3 span{ color:#aaa; font-weight:normal;}
.container .newstext .peixl {
	width:33.3%;border:none;padding:15px 5px
}
.container .newstext .peixl img {
	width:99%;float:left;padding:0;margin:0
}
.container .newstext .peixl a {
	float:left;width:100%;font-size:14px;text-align:center;font-weight:normal
}
.container .spzx .poster-list li {
	height:180px;width:33.3%;padding-right:3%;margin-bottom:12%;
}
.container .spzx .poster-list li i {
	height:180px;display:block;background-size:cover!important;
}
.container .spzx .poster-list li i a {
	height:180px;display:block;background:url(../images/ny_video02.png) center;background-size:cover;
}
.lytable tr td {
	padding:10px 5px
}
.lytable input {
	clear: both;display: table;margin-bottom: 1%;width: 60%;display:block;width:60%;height:31px;padding:6px 12px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.lytable textarea {
	clear: both;display: table;margin-bottom: 1%;width: 100%;display:block;width:100%;height:120px;padding:6px 12px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.lytable .lysubmit {
	border:none;background:#b61b32 !important;text-align:center;color:#fff;font-size: 18px;font-weight: bold;padding:2% 3%;height:auto;text-indent:0 !important;cursor:pointer;
}
.cgsh {
	background:#f9f6f6;padding:30px;
}
#search_news .searchtext {
	width:30%
}
.cgsr {
	padding:10px 0;border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;;width:96%;overflow:hidden;margin-top:10px;
}
.cgsr div{ clear:both; padding:10px 0; overflow:hidden;}
.cgsr div img{ float:left; width:230px; height:160px; margin:0 15px 5px 0; border:#ccc 1px solid; padding:2px}
.cgsrtop {
	padding-bottom:20px;color:#999;overflow:hidden;
}
.cgsrtop strong {
	color:#333
}
.cgsr h3, .cgsr h3 a {
	/*color:#0000cc;*/
	color:#666; font-weight:bold;
}
.cgsr h3 a:hover {
	color:#C33
}
.cgsr h3 span {
	color:#333
}
.cgsr div {
	padding:7px 0;
}
.cgsr div a {
	text-decoration:underline;
}
.cgsr div span.a {
	color:#008052
}
.hrtext {
	padding-top:25px
}
.hrb {
	border:#ddd 1px solid;border-bottom:none;padding:30px;line-height:26px
}
.hrb h3, .hrb h4, .hrb h2 {
	padding:10px 0;font-weight:bold;
}
.hrb p {
	padding:5px 0
}
.hrbo {
	padding:20px 30px;color:#888;background:#eceded;margin-bottom:30px;border:#ddd 1px solid;border-top:none;
}
.hrtable {
	width:100%;margin:10px 0 0 0
}
.hrthead, .hrtops span {
	font-weight:bold;
}
.hrtable tr:nth-child(even) {
background: #fff;
}
 .hrtable tr:nth-child(odd) {
background: #edeeee;
}
.hrtable tr td {
	border:#999 1px solid;padding:10px 20px;line-height:20px;text-align: center;
}
.nf-ps-box {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);box-sizing: border-box;transition: border-color 0.3s ease-in-out 0s;
}
.posui-char-list {
	padding-top:20px;
}
.posui-char-list img {
/*background: #b50004 none repeat scroll 0 0;box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);box-sizing: border-box;transition: border-color 0.3s ease-in-out 0s;*/
	}
#header .pc-nav .pc-nav-pro {
	width:1200px;
	left: -144px;
}
#header .pc-nav .pc-nav-pro li {
	float:left;width:20%;padding:10px 0 10px 15px;
}
#header .pc-nav .pc-nav-pro li dl {
	overflow:hidden;
}
#header .pc-nav .pc-nav-pro li dt a {
	font-weight:bold;text-align:left;padding-left:5px;color:#C03
}
#header .pc-nav .pc-nav-pro li dd {
	padding:5px;margin:0;width:50%;float:left;
}
#header .pc-nav .pc-nav-pro li dd a {
	text-align:left;line-height:16px;
}
.bsearch {
	background:rgba(0, 0, 0, 0) url("../images/footbg1.png") repeat-x left top;margin-top:30px;padding-top:15px
}
.bsearch .searchtext {
	background: rgba(255, 255, 255, 0.05) !important; /* IE无效，FF有效 */
	background:#fff;filter: alpha(opacity=5);border:none;width:70%;color:#fff;
}
.searchsub {
	cursor:pointer;
}
#myVideo {
	margin:0 2%;background:#fff;padding:0;width:96%;/*box-shadow: 0 0 12px rgba(0, 0, 0, 0.9);box-sizing: border-box;transition: border-color 0.3s ease-in-out 0s;*/
}
.legal {
	padding-left:7px
}
.legal p {
	text-indent:2em
}
html .legal h3 {
	font-weight:bold;
}
.error p {
	text-align:center;
}
html .error p a {
	font-weight:bold;padding:10px 20px;min-height:20px;display:inline;background:#999;color:#fff;float:none;text-align:center;
}
.websitemap {
	padding:0 10px
}
.websitemap h3 {
	font-weight:bold;font-size:1.5em;line-height:60px
}
.websitemap ul li {
	width:50%;float:left
}
.websitemap ul li dt {
	font-weight:bold;
}
.websitemap ul li dd {
	width:50%;float:left;
}
.websitemap .iline {
	width:100%;clear:both;border-bottom:#ccc 1px solid;height:30px
}
.websitemap span {
	color:#999;
}

#header .nav_left {width: 170px;	height: 500px;	background: #f0f0f0;
	}
	
	#header .nav_left ul {width:170px !important;	height: auto;	padding-top :0;background: none !important;}
	
	#header .pc-nav .nav_left ul li {	text-align: center;	    float: initial;		width:100%;		box-sizing: initial;	padding: 0;	cursor: pointer;}
	
	#header .nav_left ul li span {width:170px;	line-height: 71px;	display: block;	background: #f0f0f0;	color: #333;}
	
	#header .nav_left ul li span:hover{color: #333;	background: #fff;}
	#header .nav_left ul li span:hover .nav_right{display: block;}
	.nav_left li.on span{color: #333 !important;	background: #f8f8f8 !important;}
	#header .nav_right {width: 1020px;	height: 500px;	position: absolute;	margin-left: 170px;	top: 0px;}
	
	#header .sub {position: relative;	overflow: hidden;	width: 100%;	height: 500px;	padding: 2px 0px;}
	#header .sub .innav{width: 1010px;	margin: 14px 0 5px 12px;	padding: 0 20px 0 0;	overflow: hidden;	height: 49px;	white-space: nowrap;}
/*	#header .sub .innav:hover{overflow-x: auto;	overflow-y: hidden;}*/
	#header .sub .innav p{color: #333;	cursor: pointer;font-size: 14px;	background: #f8f8f8;	display: inline-block;	line-height: 30px;	border-radius: 15px;	padding: 0 15px;border: 1px solid #ddd;	margin:0 8px 15px 0;}
	#header .sub .innav::-webkit-scrollbar {
    width: 5px;height:8px;background: #f5f5f5;
  }

  /*滚动条 阴影~圆角*/
  #header .sub .innav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);border-radius: 10px;background-color: #fff;
  }

  /*滑块 阴影~圆角*/
  #header .sub .innav::-webkit-scrollbar-thumb {
    border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);background-color: #999;
  }
	#header .sub .innav p a{color: #333;}
	#header .sub .innav p.on,#header .sub .innav p.on a{color: #fff;background: #b50004;}
	#header .sub dl {
		overflow: hidden;	padding: 5px 0px 0 25px;}
	
	#header .sub dt {float: left;	display: block;	position: relative;	clear: left;	margin-right:15px;}
	
	 #header .sub dt a {font-size: 12px;	color: #b50004;	text-align: left;	padding-left: 20px;	text-decoration: none;	cursor: pointer;	font-weight: normal;line-height: 35px;display: block;width: 100%;font-weight:bold;
	}
	#header .sub dt a:hover
	{color:#ffffff;}
	.sub dt i {width: 4px;	right: 12px;	top: 2px;	font-size: 12px;	font-style: normal;	vertical-align:middle;}
	
	.sub dd {width: 100%;	
		display: block;	position: relative;	overflow: hidden;}
	#header .sub dd .slide{width: 160px;	height: 210px;	float: left;	margin: 0 30px 0 0;	
	}
	#header .sub dd .slide img{width: 160px;	height: 160px;}
	#header .sub dd .slide.more img{margin-top: 10px;	width: 146px;	height: 130px;}
	#header .sub dd .slide.more p{margin: 0;	
	}
	#header .sub dd a {font-size: 12px;	float: left;	color: #999999;	line-height:15px;}
	#header .sub dd a:hover
	{color:#b50004;}
	
	.hide {display: none;}
	
	.show {display: block;}
	
	i{font-style: normal;}
    .fixedmeau { width: 50px; position: fixed; top: 150px; display:none; left: 50%; background: #eee;color: #333;margin-left: -680px;}
   .fixedmeau li{ width: 50px; height: 50px;line-height: 50px; text-align: center; cursor: pointer;}
    .fixedmeau li+li{border-top: 1px solid #fff;}
    .fixedmeau .active{background: #b50004; color: #fff;font-weight: 700}
    .fixedmeau li:hover span{display: block; font-size: 14px; background: #B50004; color: white;}
    .totop{width: 40px;height: 40px;text-align: center; background: darkred; position: fixed;bottom: 30px; right: 30px; cursor: pointer;border-radius: 5px; display: none;color:#fff;}
    .totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
    .header_box{width:100%;height: 160px; text-align: center; margin: 0 auto;}
    .header_box>.header{line-height: 120px; font-size:64px;color:#4b4b4b;background: #fff;  }
    .header_box>.meau{background: darkred;height:40px;line-height: 40px;color:#fff}
    .louceng{ height:auto ;padding:0 15px 15px 15px;box-sizing:border-box; width: 1200px;text-align: center;margin: 0 auto;border:1px solid #ECECEC;background: #fff}
    .louceng>.title{width:100%;height:50px;font-size: 18px;line-height: 50px;text-align: left;font-weight: 700;color: #c90925;}
    .louceng>.title>span{margin-left: 5px;font-weight: normal}
    .louceng>.con{width:100%;height:735px;background: #F1F1F1;font-size: 64px;line-height: 735px;color:#333333}
	
	
	
.containerpro {
	background: #f7f8fa;height: auto;overflow: hidden;padding: 10px 0;
}

.price {
	width: 1150px;margin: 0 auto;
}

.price h2 {
	font-size: 24px;color: #333;line-height: 1;font-weight: 400;padding-bottom: 10px;padding-left: 10px;
}

.price .category {
	width: 1150px;overflow: hidden;position: relative;overflow: hidden;margin-bottom: 20px;margin-left: 10px;
}

.price .category:after {
	content: "";position: absolute;width: 100%;left: 0;top: 0;height: 1px;background-color: #EDEDED;z-index: 2;
}

.price .category:before {
	content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #EDEDED;z-index: 2;
}

.price .category a:after {
	content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;
}

.price .category .prev {
	display: none;position: absolute;top: 0;width: 59px;height: 100%;box-shadow: 0 0 3px #c6c6c7;background: #fff;text-align: center;font-size: 0;left: 0;border-right: 1px solid #e1e3e6;
}

.price .category .prev span {
	display: inline-block;vertical-align: middle;width: 9px;height: 14px;background-repeat: no-repeat;background-image: url(../images/arrow.svg);background-position: 96.77% 25%;background-size: initial;
}

.price .category .next span {
	display: inline-block;vertical-align: middle;width: 9px;height: 14px;background-repeat: no-repeat;background-image: url(../images/arrow.svg);background-position: 61.29% 25%;background-size: initial;
}

.price .category .next {
	position: absolute;top: 0;width: 59px;height: 100%;box-shadow: 0 0 3px #c6c6c7;background: #fff;text-align: center;font-size: 0;right: 0;border-left: 1px solid #e1e3e6;
}

.price .category ul li {
	display: table-cell;white-space: nowrap;font-size: 14px;text-align: center;border-bottom: 3px solid transparent;cursor: pointer;position: relative;padding: 18px 25px;
}

.price .category ul li.active {
	border-bottom-color: #b50004;color: #ffffff;background: #b50004;
}

.price .cont {
	display: none;
}

.price .cont.active {
	display: block;
}

.price .cont ul li {
	width: 265px;float: left;margin: 0 10px;box-sizing: border-box;
}

.price .cont ul li:nth-child(4n) {
	margin-right: 0px!important;
}

.price .cont ul li a {
	display: block;border: 1px solid #E5E5E5;background-color: #fff;margin-top: 20px;padding: 13px 20px 15px;
}

.price .cont ul li a:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);
}

.price .cont ul li a:hover .cont_main h3.title {
	color: #00a4ff;
}

.price .cont ul li a .cont_main {
	display: table-cell;vertical-align: top;
}

.price .cont ul li a .cont_main h3.title {
	font-size: 12px;font-weight: 400;color: #333;line-height: 32px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;float:left;
}

.price .cont ul li a .cont_main p.desc {
	font-size: 14px;line-height: 1.5;color: #666;height: 42px;margin-top: -2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

/*首页新版 2022*/
.top-fixed{position: fixed;width: 100%;background-color: hsla(0,0%,100%,.95);box-shadow: 0 0 6px rgba(0,0,0,.3);z-index: 99999999999;top: 0;left: 0;padding: 12px 0;}
.top-fixed-logo{width: 160px;
    height: 45px;margin-left: 90px}
.pc-header .choose{left: 555px;top:42px;width: 364px;line-height: 35px;height: 35px;}
.pc-header .choose .search{margin: 0px !important;z-index: 10;}
.pc-header .choose .search .search-result{background: #fff;position: absolute;left: 0;top: 34px;width: 292px;}
.pc-header .choose .search .search-result .name{padding-left: 15px}
.pc-header .choose .search .search-result .name .red{color: #b50004;}
.pc-header .choose .search .search-result li{background: #fff;color: #333;text-indent: 1em;line-height: 40px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.pc-header .choose .search .search-result li a{color: #333 !important;margin-left: 5px;overflow: hidden;line-height: 40px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;}
.pc-header .choose .search .search-result li:hover{color: #fff;background: #b50004;}
.pc-header .choose .search .search-result li:hover a{color: #fff !important;}
.top-fixed-zx a{display: block;width:120px;line-height: 40px;height: 40px;background: #840205;margin-top: 5px;color: #fff;}
.top-fixed-zx a:hover{color: #fff;}

.head-search-form{width: 294px;border: 1px solid #b50004;height: 35px}
.head-search-form .searchSelect{line-height: 33px;height: 33px;text-indent: 1em;width: 292px;}
.pc-header .choose .search-btn{line-height: 35px;background: #b50004;top: 0;right: 0;width: 70px;color: #fff;cursor: pointer;}
.new-home-main{width: 1200px;margin: 0 auto;padding: 20px 0;}
.new-home-main .pro-box{height: 450px;overflow: hidden;margin-bottom: 20px;}
.new-home-main .pro-box .box-fl{width: 250px;height: 450px;overflow: hidden;color: #fff;position: relative;}

.top-fixed .choose{left: 320px;top:5px;width: 790px;line-height:50px;height: 50px;}
.top-fixed .choose .search{margin: 0px !important;z-index: 10;}
.top-fixed .choose .search .search-result{background: #fff;position: absolute;left: 0;top: 39px;width: 670px;}
.top-fixed .choose .search .search-result .name{padding-left: 15px}
.top-fixed .choose .search .search-result .name .red{color: #b50004;}
.top-fixed .choose .search .search-result li{background: #fff;color: #333;text-indent: 1em;line-height: 40px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.top-fixed .choose .search .search-result li a{color: #333 !important;margin-left: 5px;line-height: 40px;}
.top-fixed .choose .search .search-result li:hover{color: #fff;background: #b50004;}
.top-fixed .choose .search .search-result li:hover a{color: #fff !important;}
.top-fixed .choose .search-btn{line-height: 40px;background: #b50004;top: 0;right: 0;width: 120px;color: #fff;cursor: pointer;}
.top-fixed .head-search-form{width: 670px;border: 1px solid #b50004;height: 40px}
.top-fixed .head-search-form .searchSelect{line-height: 39px;height: 39px;text-indent: 1em;width: 670px;float: left;}

 .new-home-main .pro-box .box-fl.region1{background: url(../images/home-floor1.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region2{background: url(../images/home-floor2.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region3{background: url(../images/home-floor3.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region4{background: url(../images/home-floor4.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region5{background: url(../images/home-floor5.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region6{background: url(../images/home-floor6.jpg) no-repeat;background-size: 100% 100%;}
.new-home-main .pro-box .box-fl.region7{background: url(../images/home-floor7.jpg) no-repeat;background-size: 100% 100%;}
  
.new-home-main .pro-box .box-fl .region-pro{width: 168px;height: 168px;bottom: 0;left: 0px;display: none;}
.new-home-main .pro-box .box-fl .region-more{width: 40px;bottom: 20px;right: 20px;}


.orange-bg{width:220px;height:496px;background:url(images/orangebg.jpg) no-repeat;padding:25px 0 0 20px;}
.yellow-bg{width:220px;height:871px;background:url(images/yellowbg.jpg) no-repeat;padding:25px 0 0 20px;background-size: 100% 100%;}
.blue-bg{width:220px;height:496px;background:url(images/bluebg.jpg) no-repeat;padding:25px 0 0 20px;}
.blue-bg2{width:220px;height:496px;background:url(images/bluebg2.jpg) no-repeat;padding:25px 0 0 20px;}
.pu-bg{width:220px;height:496px;background:url(images/pubg.jpg) no-repeat;padding:25px 0 0 20px;}
.redtle{line-height:56px;position:relative;padding:0;margin: 10px 0 0 20px;}
.redtle i{display:block;position:absolute;bottom:0;left:0;width:71px;height:3px;background:#fff;opacity:.6;}
.bgnav{width:220px;margin: 20px 0 0 20px;}
.bgnav li{width:100px;float:left;margin:0 10px 10px 0;}
.bgnav a{color:#fff;display:block;float:left;width:88px;line-height:28px;}
.redcol a{/*background:rgba(255,255,255,0.5);*/color:#fff;/*border:1px solid #fff;*/overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.redcol a:hover{color:#b50004;}
.new-home-main .pro-box .box-fr{width: 950px;height: 450px;overflow: hidden;background: #eee;}
.new-home-main .pro-box .box-fr .home-pro-tt{padding: 0px 0 15px 0;	line-height: 32px;height:60px;	width: 800px;overflow: hidden;margin-left: 20px;}
/*.new-home-main .pro-box .box-fr .home-pro-tt:hover{overflow-x: auto;overflow-y: hidden;}*/
.new-home-main .pro-box .box-fr .home-pro-tt::-webkit-scrollbar {
    width: 5px;height: 8px;background: #f5f5f5;
  }

  /*滚动条 阴影~圆角*/
.new-home-main .pro-box .box-fr .home-pro-tt::-webkit-scrollbar-track {
   border-radius: 10px;background-color: #fff;
  }

  /*滑块 阴影~圆角*/
.new-home-main .pro-box .box-fr .home-pro-tt::-webkit-scrollbar-thumb {
    border-radius: 10px;background-color: #999;
  }

.new-home-main .pro-box .box-fr .home-pro-tt p{color: #fff;	font-size: 16px;	display: inline-block;float: left;	margin: 0;}
.new-home-main .pro-box .box-fr .home-pro-tt p a{padding: 5px 0;margin:16px 10px 0 10px;border-bottom: 2px solid #eee;display: inline-block;}
.new-home-main .pro-box .box-fr .home-pro-tt p.on a{color: #b50004;border-bottom: 2px solid #b50004;}
.new-home-main .pro-box .box-fr .more{display: block;width: 95px;line-height: 34px;text-align: center;color: #fff !important;background: #b50004;border-radius: 5px;margin: 8px 20px 0 0;}
.new-home-main .pro-box .box-fr .pro-slide{margin: 60px 0 0 40px;}
.new-home-main .pro-box .box-fr .pro-slide ul{height:312px;overflow:hidden;}
.new-home-main .pro-box .box-fr .pro-slide li{float: left;width: 202px;margin-right: 20px;position: relative;}
.new-home-main .pro-box .box-fr .pro-slide li img{width: 202px;height: 202px;object-fit: cover;}
.new-home-main .pro-box .box-fr .pro-slide li p{margin: 0;padding: 14px 0;}
.new-home-main .pro-box .box-fr .pro-slide li .pro-more{display: none;width: 202px;height: 202px;top: 0;left: 0;background: rgba(0, 0, 0, 0.56) url(../images/zoom.png) no-repeat center center;}
.new-home-main .pro-box .box-fr .pro-slide li:hover p{background: #b50004;color: #fff;}
.new-home-main .pro-box .box-fr .pro-slide li:hover .pro-more{display: block;}


/*产品分类*/
.pro-all-fl{width: 250px;}
.pro-all-fl .tt{font-size: 22px;color: #b50004;line-height: 1;padding-left: 10px;border-left: 2px solid #b50004;}
.pro-all-fl .list{margin-top: 20px;border: 1px solid #eee;}
.pro-all-fl .list li{border-bottom: 1px solid #fff;background: #eee;}
.pro-all-fl .list li p{margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-all-fl .list li p.one-tt{font-size: 16px;text-indent: 1em;cursor: pointer;padding: 10px 20px 10px 0;}
.pro-all-fl .list li p.one-tt a{color: #333;}
.pro-all-fl .list li p.two-tt{font-size: 14px;text-indent: 2em;cursor: pointer;color: #333;padding: 8px 20px 8px 0;}
.pro-all-fl .list li p.two-tt:hover,.pro-all-fl .list li p.two-tt a:hover{background: #eee;color: #333;}
.pro-all-fl .list li p.two-tt a{color: #333;}
.pro-all-fl .list li p.three-tt{font-size: 12px;text-indent: 3em;cursor: pointer;color: #666;padding: 8px 20px 8px 0;}
.pro-all-fl .list li p.three-tt:hover,.pro-all-fl .list li p.three-tt a:hover{background: #eee;color: #b50004;}
.pro-all-fl .list li p.three-tt a{color: #666;display: block;width: 228px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.pro-all-fl .list li .one-icon{width: 19px;height: 19px;background: url(../images/pro_left.png) 0 0;background-size: 100% auto;right: 10px;top: 12px;z-index: 1;pointer-events: none;}
.pro-all-fl .list li .two-icon{width: 15px;height: 15px;background: url(../images/pro_left.png) 0 0;background-size: 100% auto;right: 10px;top: 11px;z-index: 1;pointer-events: none;}
.pro-all-fl .list li.on .one-icon{background-position: -19px -19px;}
.pro-all-fl .list li .two-list.on .two-icon{background-position: -15px -15px;}


.pro-all-fl .list li.on .two-main{display: block;padding-bottom: 10px;}
.pro-all-fl .list li .two-list.on .three-main{display: block;}

.pro-all-fl .list li.on{background: #fff;}
.pro-all-fl .list li.on .one{color: #b50004;}
.pro-all-fl .list li.on .one-tt{color: #333;background: #eee;}
.pro-all-fl .list li.on .more a{display: block;text-indent: 1em;color: #666;font-size: 14px;}
.pro-all-fl .list li.on .more a:hover{color: #b50004;}
.pro-all-fr{width: 910px;}
.pro-all-fr .tt{font-size: 14px;color: #333;}
.pro-all-fr .tt span{padding:0 10px;background: #eee;margin: 0 8px 10px 0;line-height: 30px;display: inline-block;float: left;border-radius: 5px;cursor: pointer;}
.pro-all-fr .tt span.on{background: #b50004;color: #fff;}
.pro-all-fr .pro-slide{margin: 20px 0 0 0;}
.pro-all-fr .pro-slide li{float: left;width: 260px;margin:0 40px 40px 0;border: 1px solid #eee;position: relative;}
.pro-all-fr .pro-slide li img{width: 258px;height: 258px;object-fit: cover;}
.pro-all-fr .pro-slide li p{margin: 0;padding: 14px 0;}
.pro-all-fr .pro-slide li .pro-more{display: none;width: 258px;height: 258px;top: 0;left: 0;background: rgba(0, 0, 0, 0.56) url(../images/zoom.png) no-repeat center center;}
.pro-all-fr .pro-slide li:hover p{background: #b50004;color: #fff;}
.pro-all-fr .pro-slide li:hover .pro-more{display: block;}

.pro-all-fr .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 10px 0;padding:0;height:20px;clear:both;text-align:center;}
.pro-all-fr .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:5px 10px;font-size:12px;height:16px;line-height:16px;}
.pro-all-fr .pages a:hover {border:1px solid #b50004; background:#b50004; color:#FFF}
.pro-all-fr .pages .pgempty {border:1px solid #ccc;color:#ccc;}
.pro-all-fr .pages .pgcurrent {border:1px solid #b50004;color:#fff;font-weight:bold;background-color:#b50004;}


/*发展历程*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
	outline: none;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-prev, .slick-next {
	z-index: 20;
	position: absolute;
	display: block;
	height: 60px;
	width: 40px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	padding: 0;
	border: none;
	outline: none;
	opacity: 0.8;
}
.slick-prev:hover, .slick-next:hover{opacity: 1;}
.slick-prev {
	margin-left: -560px;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
}
.slick-next {
	margin-left: 520px;
	background: url(../images/bg_direction_nav.png) no-repeat -40px 0;
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: 30px;
}
.slick-next {
	right: 30px;
}
[dir="rtl"] .slick-next {
	left: 30px;
	right: auto;
}
.t_about_c {
	padding: 20px 50px ;
}
.center {
	text-align: center;
}
.title .bt {
	font-family: Oswald-Bold;
	color: #333333;
	font-weight: bold;
	font-size: 40px;
}
.t_about_c .top {
	padding: 0 190px;
	margin-top: 50px;
}
.t_about_c .top .top_box {
	position: relative;
	overflow: hidden;
}
.t_about_c .top .top_box .text {
	position: relative;
	padding-bottom: 40px;
	text-align: center;
	cursor: pointer;
}
.t_about_c .top .top_box .text:before {
	position: absolute;
	background: url(https://sansi.com/templates/default/images/t_about_c_iicon.jpg) center center/cover;
	width: 19px;
	height: 19px;
	border-radius: 100%;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	content: "";
	z-index: 2;
}
.t_about_c .top .top_box .slick-current .text:before {
	background: url(https://sansi.com/templates/default/images/t_about_c_iicon2.jpg) center center/cover;
}
.t_about_c .top .top_box .text:after {
	width: 100%;
	height: 1px;
	position: absolute;
	content: "";
	right: 0;
	bottom: 8px;
	background: #dddddd;
}
.t_about_c .top .top_box .slick-slide:nth-child(1) .text:after {
	width: 50%;
}
.t_about_c .top .top_box .slick-slide:last-child .text:after {
	width: 50%;
	left: 0;
}
.t_about_c .btm {
	margin-top: 0;
	position: relative;
	overflow: hidden;
}
.t_about_c .btm .slick-list {
	padding: 110px 0 !important;
}
.t_about_c .btm .slick-slide {
	position: relative;
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s;
}
.t_about_c .btm .slick-center+.slick-slide, .t_about_c .btm .slick-shang {
	transform: scale(1.4);
	-o-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	position: relative;
	z-index: 2;
}
.t_about_c .btm .slick-center {
	transform: scale(1.8);
	-o-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-ms-transform: scale(1.8);
	-webkit-transform: scale(1.8);
	position: relative;
	z-index: 5;
}
.t_about_c .btm .slick-center:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,.5);*/
	z-index: 5;
}
.t_about_c .btm .img {
	position: relative;
	line-height: 0;
}
.t_about_c .btm .img:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/t_about_c_bg.png) center center/cover;
	content: "";
}
.t_about_c .btm .img img {
	width: 100%;
}
.t_about_c .btm .text {
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 95%;
	max-height: 90%;
	overflow-y: auto;
	z-index: 6;
	scrollbar-width: thin;
 scrollbar-color: rgb(0, 0, 0,0.8) #f5f5f5;
}
.t_about_c .btm .text::-webkit-scrollbar {
    width: 5px;height: 8px;background: #f5f5f5;
  }

  /*滚动条 阴影~圆角*/
.t_about_c .btm .text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);border-radius: 10px;background-color: #fff;
  }

  /*滑块 阴影~圆角*/
.t_about_c .btm .text::-webkit-scrollbar-thumb {
    border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);background-color: rgb(0, 0, 0,0.8);
  }
.t_about_c .btm .text .year {
	font-size: 24px;
	padding:20px 0 0 20px;
	font-weight: 600;
}
.t_about_c .btm .text .js {
	font-size: 12px;
}
.t_about_c .btm .text .wenzi {
	padding: 0 20px 0 20px;
	line-height: 1.5;
	font-size: 12px;
}
.t_about_c .btm .text .wenzi p{
	margin: 0 0 5px 0;
	-o-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform-origin: 0 100% 0;
	width: 120%;
	}

/*搜索结果*/
.search-box{margin: 40px auto;color: #333;}
.search-box .tt span{color: #b50004;}
.search-box .pro-slide{margin: 30px 0;overflow: hidden;}
.search-newspro p{margin: 0 20px 0 0;}
.search-newspro p a{color: #b50004;}
.search-newspro span{margin: 0 10px 0 0;background: #eee;padding: 5px 20px;border-radius: 15px;cursor: pointer;}
.search-newspro span.on{color: #fff;background: #b50004;}
.search-box .pro-slide ul{width: 1300px;}
.search-box .pro-slide li{float: left;width: 268px;margin:0 40px 40px 0;border: 1px solid #eee;}
.search-box .pro-slide li img{width: 268px;height: 268px;background: #fff;object-fit: cover;}
.search-box .pages a ,.pro-all-fr .pages b{border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:5px 10px;font-size:12px;height:16px;line-height:16px;}
.pro-all-fr .pages a:nth-child(1){display: none;}
.search-box .pages a:hover,.pro-all-fr .pages b {border:1px solid #b50004; background:#b50004; color:#FFF}
.search-box .pages .pgempty {border:1px solid #ccc;color:#ccc;}
.search-box .pages .pgcurrent {border:1px solid #b50004;color:#fff;font-weight:bold;background-color:#b50004;}
.search-box .new-list{margin: 30px 0;}
.search-box .new-list li{border-bottom: 1px solid #eee;padding: 20px 0;}
.search-box .new-list li img{float: left;width: 220px;height: 220px;padding: 5px;border: 1px solid #eee; object-fit: cover;}
.search-box .new-list li .text{width: 950px;color: #333;margin-top: 15px;}
.search-box .new-list li .text h3 p{width: 810px;margin: 0;}
.search-box .new-list li .text h3 span{float: right;color: #999;}
.search-box .new-list li:hover p,.search-box .new-list li:hover span{color: #b50004 !important;}
.search-box .new-list li .text .doc{color: #666;height: 96px;overflow: hidden;}
.search-box .new-list li .text .label-time{color: #999;}
.pro-slide-add{margin-top: 10px;font-size: 16px;color: #666;cursor: pointer;padding:10px 15px;background: #eee;display: inline-block;border-radius: 10px;}
.pro-slide-add:hover{color: #fff;background: #b50004;}
.search-box .new-list .pro-slide-add{margin-top: 20px;}
.pro-slide-hide{font-size: 16px;color: #999;padding: 10px;}

.nosearch {
    text-align: center!important;
    margin-top: 100px;
    min-height: 200px;
}
/*留言板*/
.main-group{
	width:100%;
	height:650px;
	min-width: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee;
}

.box-group{
	width:1000px;
	height:430px;
	position: relative;
}
.box-group .left-group{
	width:330px;
	height:360px;
	background: #b50004;
	position: absolute;
	left:0;
	top:35px;
	color: #fff;
	z-index: 1;
	box-sizing: border-box;
	padding:40px 35px;
}
.box-group .left-group .title{
	font-size: 16px;
	font-weight: bold;
}
.box-group .left-group .icon-group{
	margin-top:33px;
}
.box-group .left-group .icon-group li{
	margin-top:26px;
	display: flex;
	align-items: center;
}
.box-group .left-group .icon-group li a{color: #fff;}
.box-group .left-group .icon-group li img{
	width:25px;
	height: 25px;
	margin-right:10px;
}


.box-group .right-group{
	width: 870px;
	box-sizing: border-box;
	padding:45px 40px 20px 230px;
	height:100%;
	background: #fff;
	position: absolute;
	right:0;
}
.box-group .right-group .title{
	color: #b50004;
	font-size:20px;
	font-weight: bold;
}
.box-group .right-group .form-group{
	position: relative;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-top:30px;
}
.box-group .right-group .form-group .input-group{
	position: relative;
	margin:0 0 35px 0;
}
.box-group .right-group .form-group .input-group.w50{
	width: 47%;
}
.box-group .right-group .form-group .input-group.w100{
	width: 100%;
}
.box-group .right-group .form-group .input-group input,
.box-group .right-group .form-group .input-group textarea{
	width: 100% !important;
	padding:5px 0;
	font-size: 14px;
	color: #666;
	border:0;
	border-bottom:1px solid #777;
	outline: none;
	resize: none;
}
.box-group .right-group .form-group .input-group textarea{
	min-height: 60px;
}
.box-group .right-group .form-group .input-group span{
	position: absolute;
	left:0;
	padding:5px 0;
	font-size: 14px;
	color: #666;
	transition: 0.3s;
	pointer-events: none;
}

.box-group .right-group .form-group .input-group input:focus ~ span,
.box-group .right-group .form-group .input-group textarea:focus ~ span,
.box-group .right-group .form-group .input-group input:valid ~ span,
.box-group .right-group .form-group .input-group textarea:valid ~ span{
	transform:translateY(-20px);
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
}
.box-group .right-group .form-group .input-group button{
	cursor: pointer;
	background: #b50004;
	color: #fff;
	border:0;
	padding:10px 30px;
	font-size: 14px;
}

/*产品详情页 放大*/
#magnifier {
      position: relative;
      width: 450px;
      margin: 0;
      float: left;
    }
.small-box {
      position: relative;
      width: 452px;
      height: 452px;
      margin-bottom: 20px;
      border: 1px solid #eee;
    }
    .small-box table td{
      width: 450px;
      height: 450px;}
    .small-box img {
      width: auto;
      height: auto;
      max-height: 450px;
      max-width: 450px;
    }
    .small-box .hover {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 200px;
      height: 200px;
      border: 1px solid #aaa;
      background: #0099ff;
      opacity: .5;
      filter: alpha(opacity: 50);
      cursor: move;
    }
    .thumbnail-box {
      position: relative;
      width: 100%;
    }
    .thumbnail-box .btn {
      position: absolute;
      top: 50%;
      width: 22px;
      height: 32px;
      margin-top: -16px;
    }
    .thumbnail-box .btn-prev {
      left: 0;
      background: url(../images/btn_prev.png) no-repeat;
    }
    .thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .btn-next {
      right: 0;
      background: url(../images/btn_next.png) no-repeat;
    }
    .thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .list {
      overflow: hidden;
      width: 372px;
      margin: 0 auto;
    }
    .thumbnail-box .wrapper {
      width: 100000px;
    }
    .thumbnail-box .list .item {
      float: left;
      margin: 0 10px;
    }
    .thumbnail-box .list .item-cur {}
    .thumbnail-box .list .item img {
      border: 2px solid #a9a9a9;
      width: 54px;
      height: 54px;
    }
    .thumbnail-box .list .item-cur img {
      border: 2px solid #e53e41;
    }
    .big-box {
      display: none;
      overflow: hidden;
      position: absolute;
      left: 451px;
      top: 0;
      width: 540px;
      height: 540px;
      border: 1px solid #e4e4e4;
    }
    .big-box img {
      display: block;
      max-width: 200%;
    }
.date-table .box-group .right-group{left: 0;right: auto;padding: 0 300px 0 0;}
.vbox-content img{pointer-events: none; background: #000;}
.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
 @keyframes slideLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes slideLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.slideUp {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	animation-duration: 0.5s;;
	-webkit-animation-duration: 0.5s;;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
 @keyframes slideUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes slideUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}